<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<title>首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/mui.css" />
	</head>
	<body>
		<!-- 主页面容器 -->
		<div class="mui-inner-wrap">

			<!-- 主页面标题 -->
			<header class="mui-bar mui-bar-nav">
				<div class="custom-head mui-input-row">
					<input type="search" class="mui-input" placeholder="搜索商品">
				</div>
				<h1 class="mui-title">个人中心</h1>
			</header>
			<nav class="mui-bar mui-bar-tab" id="nav">
				<a class="mui-tab-item mui-active" href="html/page/home.html" data-type="首页">
					<span class="mui-icon mui-icon-home"></span>
					<span class="mui-tab-label">首页</span>
				</a>
				<a class="mui-tab-item" href="html/page/personal-center.html" data-type="电话">
					<span class="mui-icon mui-icon-contact"></span>
					<span class="mui-tab-label">我的</span>
				</a>
			</nav>
			<!-- 主页面内容容器 -->
			<div class="mui-content mui-scroll-wrapper">
				<div class="mui-scroll">
					<!-- 主界面具体展示内容 -->

				</div>
			</div>
			<div class="mui-off-canvas-backdrop"></div>
		</div>
		<script src="js/mui.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="conf.js"></script>
		<script type="text/javascript">
			mui.plusReady(function() {
				//读取本地存储，检查是否为首次启动
// 				var showGuide = plus.storage.getItem("lauchFlag");
// 				//仅支持竖屏显示
// 				plus.screen.lockOrientation("portrait-primary");
// 				if (showGuide) {
// 					//有值，说明已经显示过了，无需显示；
// 					//关闭splash页面；
// 					plus.navigator.closeSplashscreen();
// 					plus.navigator.setFullscreen(false);
// 					//预加载
// 					// preload();
// 				} else {
// 					//显示启动导航
// 					mui.openWindow({
// 						id: 'guide',
// 						url: 'html/guide.html',
// 						styles: {
// 							popGesture: "none"
// 						},
// 						show: {
// 							aniShow: 'none'
// 						},
// 						waiting: {
// 							autoShow: false
// 						}
// 					});
// 				}
				var pages = ["html/page/home.html", "html/page/personal-center.html"];
				var arr = document.getElementsByClassName("mui-tab-item")
				var styles = {
					top: "42px",
					bottom: "51px"
				}
				var pageArr = [];
				var slef = plus.webview.currentWebview();
				for (var i = 0; i < arr.length; i++) {
					// 有几个选项卡，需要创建几个子页面
					var page = plus.webview.create(pages[i], pages[i], styles);
					pageArr.push(page);
					! function(i) {
						arr[i].addEventListener("tap", function() {
							// console.log(this.href)
							if(this.href.indexOf('personal-center') !== -1){
								$(".custom-head").hide();
								$(".mui-title").show();
							}else{
								$(".custom-head").show();
								$(".mui-title").hide();
							}
							// 让当前页面(i)显示，不是当前页面隐藏
							for (var j = 0; j < pageArr.length; j++) {
								if (j != i) pageArr[j].hide();
								else pageArr[j].show();
							}
							/* 让新创建的webview，追加合并到当前的窗口上。合并成一个窗口。
							 * 目的：将父子窗口合并成一个页面，实现同开同关的效果。 避免点击返回安监室，子页面先关闭，而父页面的头部和尾部没有关闭的BUG。
							 */
							slef.append(pageArr[i]);
						})
					}(i);
				}
				// 默认触发第0个选项卡的tap事件。
				mui.trigger(arr[0], "tap");
			});
			backHome()
		</script>
	</body>
</html>
